<template>
  <div class="yingshouhuixian">
    <div class="xiahuaxian">
      <span style="font-size: 18px">应收款&nbsp;&nbsp;</span>{{ form.id }}
    </div>
    <div class="huixian">
      <span style="font-size: 18px; height: 15px">{{ form.collaborators }}</span
      ><br />
    </div>
    <div class="hh">
      <div style="display:block;float:left;width:100px">
        <span>应收余额</span><br />
        <span style="color:black">{{ form.yingshouYue }}</span>
      </div>
        <div style="display:block;float:left;width:100px" >
            <span>应收金额</span><br/>
            <span style="color:black"> {{ form.yingshouMoney }}</span>
        </div>
        <div style="display:block;float:left;width:100px">
            <span>账期</span><br/>
            <span style="color:black"> {{ form.billTime }}</span>
        </div>
         <div style="display:block;float:left;width:100px">
            <span>负责人</span></br>
            <span style="color:black"> {{ form.nickName }}</span>
         </div>
        <div style="display:block;float:left;width:100px">
            <span>部门</span><br/>
            <span style="color:black">{{ form.deptName }}</span>
        </div>
        <div style="display:block;float:left;width:120px">
            <span>项目</span><br/>
            <span style="color:black"> {{ form.project }}</span>
        </div>
    </div>
<div class="zz">
    &nbsp;&nbsp;<span style="font-size:16px">核销记录</span>
</div>
<div class="cc">
<el-descriptions  direction="vertical" :column="4" border>
  <el-descriptions-item label="日期"> {{ form.billTime }}</el-descriptions-item>
  <el-descriptions-item label="核销金额">{{form.hexiaoMoney}}</el-descriptions-item>
  <el-descriptions-item label="备注">
   {{form.remark}}
  </el-descriptions-item>
</el-descriptions>
</div>


<div class="kk">
    &nbsp;&nbsp;<span style="font-size:16px">收款记录</span>
</div>

<div class="cc">
<el-descriptions  direction="vertical" :column="4" border>
  <el-descriptions-item label="日期"> {{ form.billTime }}</el-descriptions-item>
  <el-descriptions-item label="核销金额">{{form.hexiaoMoney}}</el-descriptions-item>
  <el-descriptions-item label="备注">
   {{form.remark}}
  </el-descriptions-item>
</el-descriptions>
</div>
    <div>
    </div>
  </div>
</template>

<script>
export default {
  name: "yingshouhuixian",
  data() {
    return {
      form: {},
    };
  },
  created() {
    this.huixian();
  },
  methods: {

    //回显
    huixian() {
      this.$http
        .get("TMoney/findTMoneyById?id=" + this.$route.query.id)
        .then((res) => {
          console.log(res.data);
          this.form = res.data;
        });
    },
  },
};
</script>

<style>

.cc {
  margin-bottom: 30px;
}
.kk {
  height: 30px;
  border-bottom: 2px solid rgb(217, 214, 214);
  border-left: 5px solid #1e90ff;
  margin-bottom: 30px;
}
.zz {
  height: 30px;
  border-bottom: 2px solid rgb(217, 214, 214);
  border-left: 5px solid #1e90ff;
  margin-bottom: 30px;
}
.xiahuaxian {
  height: 40px;
  border-bottom: 2px solid rgb(217, 214, 214);
}
.huixian {
  margin-top: 15px;
}
.hh {
  height: 60px;
  width: 100%;
  margin-top: 15px;
  font-size: 14px;
  color: #a9a9a9;
}
</style>